.loading-burst.visible {
  opacity: 1;
  transition: none;
}

.loading-burst {
  opacity: 0;
  transition: opacity 500ms;
  margin-left: 10px;
  height: 12px;
  width: 12px;
  position: relative;

  .burst {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }

  .burst-1 {
    background: $green;
    animation: burst 1s infinite;
  }

  .burst-2 {
    background: $green;
    animation: burst 1s 200ms infinite;
  }
}

@keyframes burst {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  50% {
    opacity: 0.5;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}
